@charset "UTF-8";
/* weichengtech */
* { margin:0; padding:0; }
body {font-family:Microsoft Yahei, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;color:#333;}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1458292505_9639392.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1458292505_9639392.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1458292505_9639392.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1458292505_9639392.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1458292505_9639392.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    

.iconfont{font-family:"iconfont";
font-size:16px;font-style:normal;}

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;}
a {color:#333;text-decoration: none;}
a:hover, a:focus {color:none;text-decoration:none;}
h1, h2, h3, h4, h5, p, ul, a, form {font-family:Microsoft Yahei, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; font-weight:400;}
li { list-style:none; }
img {vertical-align: middle;}
.container { width:auto; padding-top:20px; }
.wrap { width:1200px; margin:0 auto; }
.clear{
	display:block; 
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
	float:none; 
	overflow:hidden;
}


.body-content{
	width:100%;
	padding-bottom: 10px;
}
.gray{
	width:100%;
	background:#fff;
}
.body-content1{
	width:100%;
	margin:0 auto;
	padding: 20px 0 0 0;height:400px;
}
.body-content1 h3{
	width:306px;
	height:70px;
	border-radius:40px;
	border:2px solid #8fc31f;
	text-align: center;
	margin:0 auto;
}
.body-content1 h3 strong{
	width:306px;
	color:#8fc31f;
	font-size:28px;
	font-weight: 700;
	text-align: center;
}
.body-content1 h3 p{
	width:306px;
	color:#666;
	font-size: 14px;
	text-align: center;
	display:block;
	line-height: 34px;
}
.shuoming{
	width:100%;
	margin:37px auto 0;
}
.shuoming li{
	display:inline-block;
	padding:0 66px;
}
.shuoming li a{
	display:block;
	text-align: center;
	margin-top: 25px;
	color:#666;
}
.body-content1-icon{
	width:164px;
	height:164px;
	background:url(../img/icon.png) no-repeat 0 0;
	cursor:pointer;
}
.white{
	width:100%;
	background:#fff;
}
.shuoming2{
	width:100%;
	margin:37px auto 0;
}
.shuoming2 li{
	width:30%;
	padding: 20px 18px 0;
	display:inline-block;
}
.icon-sm{
	width:78px;
	height:78px;
	float:left;
	background:url(../img/icon1.png) no-repeat;
}
.icon5{
	background-position: 0 0;
}
.icon6{
	background-position: -82px 0;
}
.icon7{
	background-position: -160px 0;
}
.icon8{
	background-position: -237px 0;
}
.icon9{
	background-position: -320px 0;
}
.icon10{
	background-position: -400px 0;
}
.shuoming2 li h4{
	width:70%;
	font-size: 20px;
	color:#45c0e5;
	float:left;
	margin: 5px 0 0 10px;
}
.shuoming2 li p{
	width:70%;
	color:#999;
	font-size: 14px;
	float:left;
	margin-left: 10px;
}
.blue{
	width:100%;
	background:url(../img/bg-img.png) no-repeat 0 0;	
}
.blue .body-content1 h3{
	width:306px;
	height:70px;
	border-radius:40px;
	border:2px solid #fff;
	text-align: center;
	margin:0 auto;
}
.blue .body-content1 h3 strong{
	width:306px;
	color:#fff;
	font-size:28px;
	font-weight: 700;
	text-align: center;
}
.blue .body-content1 h3 p{
	width:306px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	display:block;
}
.iphone{
	width:904px;
	margin:35px auto 0;
}
.iphone-scroll{
	width:344px;
	height:700px;
	margin:0 auto;
	background:url(../img/iphone-bg.png) no-repeat 0 0;
	position:relative;
	z-index: 100;
}
.pagination{
	display:none;
}
.prev{
	width:94px;
	height:94px;
	top:282px;
	left:-130px;
	background:url(../img/btn-a.png) no-repeat 0 0;
	position:absolute;
}
.next{
	width:94px;
	height:94px;
	top:282px;
	left:380px;
	background:url(../img/btn-a.png) no-repeat -529px 0;
	position:absolute;
}
.tips{
	width:318px;
	height:80px;
	background:url(../img/shubiao.png) no-repeat 0 0;
	position:absolute;
	bottom:190px;
	left:-306px;
}
.qr-code{
	width:190px;
	height:220px;
	position:absolute;
	right:-250px;
	bottom:52px;
	background:url(../img/round.png) no-repeat 0 0;
}
.qr-code img{
	width:178px;
	height:178px;
	display:block;
	margin:6px auto;
}
.qr-code p{
	width:100%;
	color:#fff;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
}
.p1{
	width:80%;
	line-height: 28px;
	font-size:14px;
	color:#666;
	margin:16px auto 30px;
	text-align: center;
}
.shuoming3 li{
	width:9%;
	padding:0 3px;
	display:inline-block;
	margin-bottom: 40px;
}
.shuoming3 li a{
	width:100%;
	text-align: center;
	color:#999;
	font-size:14px;
	display:block;
	line-height: 36px;
}
.icon-xm{
	width:50px;
	height:50px;
	margin:0 auto;
	cursor:pointer;
	background:url(../img/icon2.png) no-repeat 0 0;
	transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.shuoming3 li.hover .icon-xm {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.icon1{
	background-position: 0 0 ;
}
.icon2{
	background-position: -271px 0 ;
}
.icon3{
	background-position: -543px 0 ;
}
.icon4{
	background-position: -814px 0 ;
}
.icon1:hover{
	background:url(../img/icon_active.png) no-repeat;
	background-position: 0 0 ;
}
.icon2:hover{
	background:url(../img/icon_active.png) no-repeat;
	background-position: -271px 0 ;
}
.icon3:hover{
	background:url(../img/icon_active.png) no-repeat;
	background-position: -543px 0 ;
}
.icon4:hover{
	background:url(../img/icon_active.png) no-repeat;
	background-position: -814px 0 ;
}
.icon11{
	background-position: -4.48px 0 ;
}
.icon12{
	background-position: -76.92px 0 ;
}
.icon13{
	background-position: -153.84px 0 ;
}
.icon14{
	background-position: -230.76px 0 ;
}
.icon15{
	background-position: -302.55px 0 ;
}
.icon16{
	background-position: -378.19px 0 ;
}
.icon17{
	background-position: -449.98px 0 ;
}
.icon18{
	background-position: -525.62px 0 ;
}
.icon19{
	background-position: -599.34px 0 ;
}
.icon20{
	background-position: -675.61px 0 ;
}
.icon21{
	background-position: -4.48px -87.18px ;
}
.icon22{
	background-position: -76.92px -87.18px ;
}
.icon23{
	background-position: -153.84px -87.18px ;
}
.icon24{
	background-position: -230.76px -87.18px ;
}
.icon25{
	background-position: -302.55px -87.18px ;
}
.icon26{
	background-position: -378.19px -87.18px ;
}
.icon27{
	background-position: -449.98px -87.18px ;
}
.icon28{
	background-position: -525.62px -87.18px ;
}
.icon29{
	background-position: -599.34px -87.18px ;
}
.icon30{
	background-position: -675.61px -87.18px ;
}
.icon31{
	background-position: -4.48px -174.35px ;
}
.icon32{
	background-position: -76.92px -174.35px ;
}
.icon33{
	background-position: -153.84px -174.35px ;
}
.icon34{
	background-position: -230.76px -174.35px ;
}
.icon35{
	background-position: -302.55px -174.35px ;
}
.icon36{
	background-position: -378.19px -174.35px ;
}
.icon37{
	background-position: -449.98px -174.35px ;
}
.icon38{
	background-position: -525.62px -174.35px ;
}
.icon39{
	background-position: -599.34px -174.35px ;
}
.icon40{
	background-position: -675.61px -174.35px ;
}
.purpose{
	width:237px;
	height:237px;
	background:url(../img/icon3.png) no-repeat 0 0;
	margin: 0 auto;
}
.blue2{
	width:100%;
	background:url(../img/bg-img2.png) no-repeat 0 0;	
}
.blue2 .body-content1 h3{
	width:306px;
	height:70px;
	border-radius:40px;
	border:2px solid #fff;
	text-align: center;
	margin:0 auto;
}
.blue2 .body-content1 h3 strong{
	width:306px;
	color:#fff;
	font-size:28px;
	font-weight: 700;
	text-align: center;
}
.blue2 .body-content1 h3 p{
	width:306px;
	color:#fff;
	font-size: 14px;
	text-align: center;
	display:block;
}
.route{
	width:1025px;
	height:580px;
	margin:50px auto 0;
	background:url(../img/route.png) no-repeat 0 0;
}
.last{
	width:100%;
	background:#fff;
}
.last .body-content1 h3{
	width:306px;
	height:70px;
	border-radius:40px;
	border:2px solid #8fc31f;
	text-align: center;
	margin:0 auto;
}
.last .body-content1 h3 strong{
	width:306px;
	color:#8fc31f;
	font-size:28px;
	font-weight: 700;
	text-align: center;
}
.last .body-content1 h3 p{
	width:306px;
	color:#666;
	font-size: 14px;
	text-align: center;
	display:block;
}
.last ul{
	width:1200px;
	margin:0 auto;
}
.last ul li{
	display:inline-block;
	padding:0 1px;
}
.body-content1 h4{
	width:100%;
    color: #8fc31f;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.star-img1{
	width:1064px;
	height:399px;
	display:block;
	margin: 0 auto;
}
.star-img2{
	width:987px;
	height:700px;
	display:block;
	margin: 34px auto 0;
}
.star-img3{
	width:976px;
	height:700px;
	display:block;
	margin: 34px auto 0;
}
.star-img4{
	width:976px;
	height:700px;
	display:block;
	margin: 34px auto 0;
}
.star-img5{
	width:1093px;
	height:700px;
	display:block;
	margin: 34px 0 0 70px;
}
.star-img6{
	width:627px;
	height:700px;
	display:block;
	margin: 34px 0 0 426px;
}
.group-tuan{
	width:100%;
	background:#ff6372;
}
.group-tuan h3{
	width: 306px;
    height: 70px;
    border-radius: 40px;
    border: 2px solid #fff;
    text-align: center;
    margin: 0 auto;
}
.group-tuan h3 strong {
    width: 306px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.group-tuan h3 p {
    width: 306px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 34px;
}
.red{
	width: 100%;
    background: url(../img/star-bg.png) no-repeat 0 0;
}
.red h3{
	width: 306px;
    height: 70px;
    border-radius: 40px;
    border: 2px solid #ef2336;
    text-align: center;
    margin: 0 auto;
}
.red h3 strong {
    width: 306px;
    color: #ef2336;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.red h3 p {
    width: 306px;
    color: #ef2336;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 34px;
}
.last2{
	width: 100%;
    background: url(../img/star-bg2.png) no-repeat 0 0;
}
.last2 h3{
	width: 306px;
    height: 70px;
    border-radius: 40px;
    border: 2px solid #fff;
    text-align: center;
    margin: 0 auto;
}
.last2 h3 strong {
    width: 306px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.last2 h3 p {
    width: 306px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 34px;
}
.question{
	width:1200px;
	margin:46px auto;
}
.question h4{
	height:32px;
	line-height: 32px;
	padding:0 3%;
	color:#fff;
	font-size:20px;
	font-weight: 500;
	background:#8fc31f;
	border-radius:20px;
	text-align: center;
	float:left;
	margin-bottom: 10px;
}
.question .p3{
	width:94%;
	float:left;
	padding:0 3%;
}
.question .p3 p{
	width:96%;
	margin-left: 1%;
	display:inline-block;
	float:left;
	line-height: 28px;
	color:#666;
	font-size:14px;
}
.question .p3 b{
	line-height: 24px;
	color:#666;
	font-size:14x;
	font-weight: normal;
	display:block;
}
.big-fonts{
	color:#666;
	font-size:20px;
	font-weight: 600;
	display:inline-block;
	float:left;
}
.update-banner img{
	width:100%;
	height:100%;
	margin:0 auto;
	display:block;
}/* xiaosheos */
.update { overflow:hidden; }
.update .mod_tit span { background:#f30; }
.update .box { overflow: hidden; margin-bottom:40px; text-align: center;position: relative;}
.update .box .item{ position:relative; float:left;}
.update .box .item .row{ height:2px; display:block; width:34px; background:#34c7dd; position:absolute; left:160px; top:32px;}
.update .box .item .lie{ width:12px; height:12px; display:block; position:absolute; background:#34c7dd; border-radius:6px; top:26px; left:189px;}
.update .box .item .time{ width:160px; height:40px; line-height:40px; margin-right:34px; color:#fff; font-size:18px; border-radius:4px; background:#34c7dd; text-align:center; float:left; margin-top:32px; border-radius:22px 0 0 22px; box-shadow:0 0 3px rgba(0,0,0,.5);}
.update .box .item .time span { padding-left:20px; }
.update .box .item .desc{ width:970px; height:auto; float:left; padding-left:32px; border-left:2px solid #34c7dd; padding-top:30px;}
.update .box .item .desc .tit{ height:50px; line-height:50px;font-size:24px; color:#fff; text-align:left;background:#34c7dd; padding-left:24px; border-radius:0 5px 0 0; position:relative; }
.update .box .item .desc .tit:before { content:""; position:absolute; left:-10px; top:0; width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent;border-top:14px solid #34c7dd;}
.update .box .item .desc .con{ margin:0 1px; height:auto; background:#f3f3f3;padding:10px 0 10px 44px; box-shadow:0 0 4px rgba(0,0,0,.2); border-radius:0 0 5px 5px; }
.update .box .item .desc p{ font-size:16px; color:#444; line-height:30px; text-align:left; width:850px;}
.update .box .year .time{ background:#f90;margin-top:34px;}
.update .box .year .desc{ min-height:60px;}
.update .box .year .row{ top:54px;}
.update .box .year .lie{ top:48px;}
.update .box .year.frist .desc{ min-height:30px;}
.update .box .year.frist .lie { background:#f93;}
.update .box .year.frist .row { background:#f93; }
.update .box .last { margin-left:194px;}
.update .box .last .desc .tit { background:#f90; box-shadow:0 0 5px rgba(0,0,0,.2); border-radius:5px; }
.update .box .last .desc .tit:before { border-top:14px solid #f90;}
.update .box .last .lie{ width:8px; height:8px; background:#fff; border:#34c7dd 2px solid; left:-5px;}
.update .box .last .row{ width:2px; height:50px; background:#fff; left:0; top:0;}
.partner{width:394px;height:260px; overflow:hidden;} 
.partner img{width:394px;height:260px;display:block;}
.show-code { width:394px;height:260px;background:rgba(0,0,0,.8);position:relative;}
.show-code img{ width:150px; height:150px; display:block; position:absolute;top:55px;left:122px;}
.slides_container{width:304px;height:537px; position:absolute; top:82px; left:21px;overflow:hidden;}
.iphone-tuan{width:100%;height:auto;display:block;}
.iphone-footer{width:305px;height:48px;display:block;margin:0 auto;position:absolute;left:0;bottom:60px;}
.iphone-header{width:305px;height:60px;display:block;margin:0 auto;position:absolute;left:0;top:0;}
.scroll-cont{ width:305px;height:537px; overflow-x: hidden; overflow-y: auto; cursor:pointer;margin-top: 60px;}
.scroll-cont::-webkit-scrollbar{ width:1px; color:#fff;}
/* weichengtech 微橙微信商城系统*/


